<template>
	<view>
		<nav-bar backState="2000" type="transparentFixed" :scrollTop="scrollTop" fontColor="#FFF">动态</nav-bar>
        <!-- 公共组件-每个页面必须引入 -->
        <public-module></public-module>
		<view class="user_box">
			<image src="" mode="aspectFill"></image>
			<text>@德丽莎·阿波卡利斯</text>
			<image src="" mode="aspectFill" class="avatar"></image>
		</view>
		<view class="lineTop"></view>
		<dynamic-item @share="shareShow = true"></dynamic-item>
		<navigation-video></navigation-video>
		<z-share v-model="shareShow"></z-share>
	</view>
</template>

<script>
import navigationVideo from '@/components/module/navigation_video.vue';
import dynamicItem from '@/components/module/dynamic_item.vue';
import zShare from "@/components/module/share.vue"
export default {
	components: {
		navigationVideo,
		dynamicItem,
		zShare
	},
	data() {
		return {
			scrollTop: 0,
			shareShow: false
		};
	},
	//第一次加载
	onLoad(e) {
		// 隐藏原生的tabbar
		uni.hideTabBar();
	},
	//页面显示
	onShow() {},
	//方法
	methods: {
		onPageJump(url) {
			uni.navigateTo({
				url: url
			});
		}
	},
	onPageScroll(e) {
		this.scrollTop = e.scrollTop;
	},
	//页面隐藏
	onHide() {},
	//页面卸载
	onUnload() {},
	//页面下来刷新
	onPullDownRefresh() {},
	//页面上拉触底
	onReachBottom() {},
	//用户点击分享
	onShareAppMessage(e) {
		return this.wxShare();
	}
};
</script>
<style lang="scss" scoped>
@import '@/style/mixin.scss';
.user_box {
	width: 100%;
	height: calc(var(--status-bar-height) + 226rpx);
	position: relative;
	//border-bottom: 26rpx solid #fff;
	image {
		height: 100%;
		background-color: #f0ad4e;
		width: 100%;
	}
	text {
		position: absolute;
		left: 32rpx;
		bottom: 24rpx;
		font-size: 32rpx;
		color: #ffffff;
	}
	.avatar {
		position: absolute;
		right: 32rpx;
		bottom: -60rpx;
		width: 120rpx;
		height: 120rpx;
		border-radius: 50%;
		background-color: #366092;
	}
}
.lineTop {
	height: 26rpx;
	width: 100%;
	background-color: #fff;
}
</style>
